﻿<!DOCTYPE HTML>
<html>
<head>
<title>Studysheet</title>
<link rel="stylesheet" href="css/main.css" type="text/css" />
</head>

<header id="banner" class="body">
<h1>StudySheet</h1>
<nav>
	<ul>
		<li><a href="about.html">Menu 1</a></li>
        <li><a href="about.html">Menu 1</a></li>
        <li><a href="about.html">Menu 1</a></li>
        <li><a href="about.html">Menu 1</a></li>
	</ul>
</nav>
</header>

<aside id="featured" class="body"><article>
	<figure>
		<img src="logo.gif" alt="StudySheet" />
	</figure>
	<hgroup>

		<h2>Login</h2>
		<h3>To be connected with other students</h3>
	</hgroup>
	<p>
    Ac magna dolor eu enim parturient pulvinar, natoque dolor nunc. Ac a nascetur sagittis placerat turpis! Turpis, ridiculus mus in! Porttitor ut natoque magna odio nisi! Ultrices urna, etiam turpis nec urna? Tincidunt diam, tincidunt, augue augue integer dolor mauris, lectus amet vel sociis dis, augue tincidunt parturient. Magna lorem.

Sed ut mattis. Sociis magnis. Elementum pellentesque pid tristique, ac proin sed? Magna ultricies odio adipiscing, tincidunt amet cras augue est. Sociis pid tempor nec et. Enim dolor pellentesque, natoque, pid est rhoncus. Turpis. Urna augue tortor adipiscing mauris! Porttitor ut sit placerat sociis montes, vut enim arcu purus.
    </p>

</article>
</aside><!-- /#featured -->


<section id="content" class="body">


<aside id="right-col">
<header>
<h3>School list</h3>
</header>
	<nav id="rightnav">
		<ul id="school-list">
		<li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
        <li>test URL</li>
		</ul>
	</nav>

</aside>

<section id="body-right">
<div id="schools">
<header>
<h3>Added documents</h3>
</header>

	<ol id="posts-list" class="hfeed">

		<li>
        <article class="hentry">
			<span class="date" title="2005-10-10T14:07:00-07:00"><!-- YYYYMMDDThh:mm:ss+ZZZZ -->10th October 2005</span>
			<span class="subject">předmět</span>
            <span class="school-name"><a class="url fn" href="#">School name</a></span><!-- /.entry-content -->
		</article>
        </li>
        
       
	</ol><!-- /#school-list -->
    <footer><small>show all</small></footer>
</div>   <!-- /#schools --> 

<div id="whoisonline">
<header>
<h3>Who is online</h3>
</header>

	<ol id="posts-list" class="hfeed">

		<li>
			<span class="online">předmět</span>
        </li>
        <li>
			<span class="online">předmět</span>
        </li>
        <li>
			<span class="online">předmět</span>
        </li><li>
			<span class="online">předmět</span>
        </li>
        <li>
			<span class="online">předmět</span>
        </li>
        <li>
			<span class="online">předmět</span>
        </li>
        <li>
			<span class="online">předmět</span>
        </li>
        <li>
			<span class="online">předmět</span>
        </li><li>
			<span class="online">předmět</span>
        </li><li>
			<span class="online">předmět</span>
        </li><li>
			<span class="online">předmět</span>
        </li>
        
       
	</ol><!-- /#namelist -->
    <footer></footer>
</div>   <!-- /#schools --> 
    
    
</section> <!-- /#data -->   
    

 
</section><!-- /#content -->



<section id="extras" class="body">
	<div class="blogroll">
		<h2>Something</h2>
		<ul>

			<li>a</li>
            <li>a</li>
            

		</ul>
	</div><!-- /.blogroll -->

	<div class="social">
		<h2>social</h2>
		<ul>

			<li>b</li>

		</ul>
	</div><!-- /.social -->
</section><!-- /#extras -->

</html>